import React, {Component, useEffect} from 'react';

class App extends Component {
    state = {
        isShow: true
    }
    render() {
        return (<div>
            <button onClick={() => this.setState({isShow: false})}>click</button>
            {this.state.isShow && <Child/>}
        </div>);
    }
}

function Child() {

    useEffect(() => {
        const interval = setInterval(() => {
            console.log("11111")
        }, 1000);

        // return中执行的是清理函数  会在组件卸载或是下一次useEffect函数执行之前（依赖变化时）执行
        return () => {
            clearInterval(interval);
        }
    }, [])

    return <div>
        child
    </div>
}

export default App;